BrazeのNPSテンプレを使って計測してみる

BrazeのNPSテンプレを活用してみました。

マーテック(MarTech)

#Braze

國崎

2023.01.05

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

Brazeブロガーの國崎です。
昨今ユーザー調査の一環でNPS調査を実施する企業様が多くいらっしゃいます。

NPSとは顧客ロイヤルティを計測するための指標で、企業やブランドへの愛着度などをスコア化するアンケート調査を指したりします。
今回Brazeから提供されているNPSテンプレートを実装してみたので、カスタマイズ変数や何が計測できるのかなどの部分を具体化してお伝えします。

BrazeのNPSテンプレート

BrazeのNPSテンプレートは以下githubで公開されています。
https://github.com/braze-inc/in-app-message-templates/tree/master/braze-templates/6-braze-nps

上で公開されているHTMLをまるっとアプリ内メッセージのカスタムコードに流し込めば、NPSとして使うことが可能になります。
筆者の環境ではまるっとコピーだと一部文字化けが発生してたので、

<meta charset="UTF-8">

の記述は追加しました。

アプリの場合は以下のようにviewportも追加すると表示崩れがなくなると思います。

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">

細かい部分を上げるとアイコンや色味など諸々の装飾品は調整が必要になります。
その他カスタマイズできる変数についての以下補足です。

変数名	用途	必須/任意
SURVEY_ID	カスタムイベント、カスタム属性のログ記録時に使用される	必須
QUANT_QUESTION	NPSの一番上に表示されるテキスト	必須
QUAL_QUESTION	選択肢の回答後に表示されるテキスト	任意
AVATAR_IMAGE	NPSに表示するオプションの画像	任意
THANKYOU_TEXT	NPS完了後に表示されるテキスト	任意
SUBHEADER_TEXT	QUANT_QUESTIONの下に表示されるテキスト	任意
CHOICES	NPSで表示される各選択肢	任意

実際に設定してみる

上記の各変数の部分を以下書き換えて設定してみました。

<script>
      var SURVEY_ID = 'survey_kunisaki';
      var QUANT_QUESTION = '本日購入した商品の満足度は？';
      var QUAL_QUESTION =
        '詳細な意見をお聞かせください';
      var AVATAR_IMAGE =
        'https://appboy-images.com/appboy/communication/assets/image_assets/images/5ecfe4358356682f445de9ee/original.png'; // optional
      var THANKYOU_TEXT = ''; // optional
      var SUBHEADER_TEXT = ''; // optional
      var CHOICES = CHOICES || [
        'とても悪い', // 1
        'やや悪い', // 2
        '普通', // 3
        'ややいい', // 4
        'とてもいい', // 5
      ]; // can remove or edit choice names
</script>

実際の画面では以下のように表示がされます。

選択肢の回答を選択後、フィードバックのコメントを入力します。

送信するとサンクスメッセージが表示されました。

NPS回答後の測定値を見てみる

NPSに回答するとカスタム属性には以下2つの項目が追加されていました。

survey.survey_kunisaki.feedback	めちゃくちゃ最高でした！
survey.survey_kunisaki.score	5

survey_kunisakiの部分はSURVEY_IDで設定されたものが表示されます。 survey.survey_kunisaki.feedbackにはフィードバックのコメント、survey.survey_kunisaki.scoreには変数のCHOICESで設定していたスコアが記録されています。

カスタムイベントにはアンケート完了時の以下ログが記録されています。

survey.completed

1時間秒前

ちなみに上記の計測されたカスタムイベントには以下プロパティが含まれるようになっています。